<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="index.css">
</head>
<body>
<!-- 行级标签示例 -->
<div class="main">
    <span>这是一个span</span>
    <a>这是一个a</a>
    <strong>这是一个strong</strong>
    <b>这是一个b</b>
    <i>这是一个i</i>
    <em>这是一个em</em>
</div>
<!-- 块级标签示例 -->
<div class="blockMain">
    <p>
        这是p元素
    </p>
    <div>
        一个单纯的div标签
    </div>
    <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1505628270164&di=c24b7086eaf8819d6636bd096f81a6a5&imgtype=0&src=http%3A%2F%2Fwww.aseoe.com%2Fimages%2Fcategory_qdkf.jpg" alt="">
    <h1>H1头标签</h1>
    <h2>H2头标签</h2>
    <h3>H3头标签</h3>
    <h4>H4头标签</h4>
    <h5>H5头标签</h5>
    <h6>H6头标签</h6>
    <ul>
        <li>张三</li>
        <li>李四</li>
        <li>王五</li>
    </ul>
    <ol>
        <li>张三</li>
        <li>李四</li>
        <li>王五</li>
    </ol>
    <dl>
        <dt>张三</dt>
        <dd>4年级</dd>
        <dd>2班</dd>
        <dt>李四</dt>
        <dd>5年级</dd>
        <dd>1班</dd>
    </dl>
</div>
</body>
</html>